/*
1172px grid system ~ Core CSS.
12 Columns ~ Margin left: 40px

Based on Grid System Generator. Learn more ~ http://www.gridsystemgenerator.com/

Created by Fireform
*/

.ef-canvas {width:1252px;}

.ef-full-grid {padding-left:40px;padding-right:40px;}

/* clearfix */
.clearfix:after, .ef-row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .ef-row {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix, .ef-row {display:block;}

/* gridframework */
.ef-row {position:relative; margin-left:-40px;}
.ef-gu1 .ef-row {width: 101px;}
.ef-gu2 .ef-row {width: 202px;}
.ef-gu3 .ef-row {width: 303px;}
.ef-gu4 .ef-row {width: 404px;}
.ef-gu5 .ef-row {width: 505px;}
.ef-gu6 .ef-row {width: 606px;}
.ef-gu7 .ef-row {width: 707px;}
.ef-gu8 .ef-row {width: 808px;}
.ef-gu9 .ef-row {width: 909px;}
.ef-gu10 .ef-row {width: 1010px;}
.ef-gu11 .ef-row {width: 1111px;}
.ef-gu12 .ef-row {width: 1212px;}

.ef-col {padding-left:40px; float:left; position:relative;}
.ef-gu1{width: 61px;}
.ef-gu2{width: 162px;}
.ef-gu3{width: 263px;}
.ef-gu4{width: 364px;}
.ef-gu5{width: 465px;}
.ef-gu6{width: 566px;}
.ef-gu7{width: 667px;}
.ef-gu8{width: 768px;}
.ef-gu9{width: 869px;}
.ef-gu10{width: 970px;}
.ef-gu11{width: 1071px;}
.ef-gu12{width: 1172px;}

@media only screen and (max-width: 1380px) {

	.ef-canvas {width:1026px;}
	
	.ef-full-grid {padding-left:30px;padding-right:30px;}

	/* gridframework */
	.ef-row {position:relative; margin-left:-30px;}
	.ef-gu1 .ef-row {width: 83px;}
	.ef-gu2 .ef-row {width: 166px;}
	.ef-gu3 .ef-row {width: 249px;}
	.ef-gu4 .ef-row {width: 332px;}
	.ef-gu5 .ef-row {width: 415px;}
	.ef-gu6 .ef-row {width: 498px;}
	.ef-gu7 .ef-row {width: 581px;}
	.ef-gu8 .ef-row {width: 664px;}
	.ef-gu9 .ef-row {width: 747px;}
	.ef-gu10 .ef-row {width: 830px;}
	.ef-gu11 .ef-row {width: 913px;}
	.ef-gu12 .ef-row {width: 996px;}
	
	.ef-col {padding-left:30px; float:left; position:relative;}
	.ef-gu1{width: 53px;}
	.ef-gu2{width: 136px;}
	.ef-gu3{width: 219px;}
	.ef-gu4{width: 302px;}
	.ef-gu5{width: 385px;}
	.ef-gu6{width: 468px;}
	.ef-gu7{width: 551px;}
	.ef-gu8{width: 634px;}
	.ef-gu9{width: 717px;}
	.ef-gu10{width: 800px;}
	.ef-gu11{width: 883px;}
	.ef-gu12{width: 966px;}
	
}

@media only screen and (max-width: 1066px) {

	.ef-canvas {width:740px;}
	
	.ef-full-grid {padding-left:20px;padding-right:20px;}

	/* gridframework */
	.ef-row {position:relative; margin-left:-20px;}
	.ef-gu1 .ef-row {width: 60px;}
	.ef-gu2 .ef-row {width: 120px;}
	.ef-gu3 .ef-row {width: 180px;}
	.ef-gu4 .ef-row {width: 240px;}
	.ef-gu5 .ef-row {width: 300px;}
	.ef-gu6 .ef-row {width: 360px;}
	.ef-gu7 .ef-row {width: 420px;}
	.ef-gu8 .ef-row {width: 480px;}
	.ef-gu9 .ef-row {width: 540px;}
	.ef-gu10 .ef-row {width: 600px;}
	.ef-gu11 .ef-row {width: 660px;}
	.ef-gu12 .ef-row {width: 720px;}
	
	.ef-col {padding-left:20px; float:left; position:relative;}
	.ef-gu1{width: 40px;}
	.ef-gu2{width: 100px;}
	.ef-gu3{width: 160px;}
	.ef-gu4{width: 220px;}
	.ef-gu5{width: 280px;}
	.ef-gu6{width: 340px;}
	.ef-gu7{width: 400px;}
	.ef-gu8{width: 460px;}
	.ef-gu9{width: 520px;}
	.ef-gu10{width: 580px;}
	.ef-gu11{width: 640px;}
	.ef-gu12{width: 700px;}
	
}

@media only screen and (max-width: 780px) {

	body {padding:0 4%;}
	
	.ef-canvas {width:100%;}
	
	.ef-full-grid {padding-left:4%;padding-right:4%;}
	
	/* gridframework */
	.ef-row {position:relative; margin-left:0;}
	.ef-gu1 .ef-row,
	.ef-gu2 .ef-row,
	.ef-gu3 .ef-row,
	.ef-gu4 .ef-row,
	.ef-gu5 .ef-row,
	.ef-gu6 .ef-row,
	.ef-gu7 .ef-row,
	.ef-gu8 .ef-row,
	.ef-gu9 .ef-row,
	.ef-gu10 .ef-row,
	.ef-gu11 .ef-row,
	.ef-gu12 .ef-row,
	.ef-gu1,
	.ef-gu2,
	.ef-gu3,
	.ef-gu4,
	.ef-gu5,
	.ef-gu6,
	.ef-gu7,
	.ef-gu8,
	.ef-gu9,
	.ef-gu10,
	.ef-gu11,
	.ef-gu12 {width:auto;float:none;}
	
	.ef-col {padding-left:0;position:relative;}
	
}
